<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>坦克大战</title>
    <style>
        html,
        body {
            height: 100%;
            margin: 0;
            padding: 0;
        }

        .container {
            width: 100%;
            height: 100%;
            font-size: 0;
            /* background-image: url("../images/grassland.jpeg"); */
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;
            overflow: hidden;
        }
    </style>
</head>

<body>
    <div id="container" class="container"></div>
    <div id="joyDiv" style="width:128px;height:128px;top:300px;position: absolute;"></div>
</body>
<script src="../utils/websocket.js"></script>
<script src="../utils/util.js"></script>
<script src="../utils/crash.js"></script>
<script src="../control/globalVariable.js"></script>
<script src="../control/bulletSpecialEffect.js"></script>
<script src="../control/tankMove.js"></script>
<script src="../control/bullet.js"></script>
<script src="../control/deleteInstance.js"></script>
<script src="../control/computerLogic.js"></script>
<script src="../control/busControl.js"></script>
<script src="../control/playerLogic.js"></script>
<script src="../control/joystick.js"></script>
<script src="../control/joy.js"></script>
<script type="text/javascript">
    var Joy1 = new JoyStick('joyDiv', {}, function (stickData) {
        // joy1IinputPosX.value = stickData.xPosition;
        // joy1InputPosY.value = stickData.yPosition;
        // joy1Direzione.value = stickData.cardinalDirection;
        // joy1X.value = stickData.x;
        // joy1Y.value = stickData.y;
    });
</script>

</html>